<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c"%>
<%@ taglib uri='http://java.sun.com/jsp/jstl/functions' prefix='fn'%>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<LINK rel="stylesheet" type="text/css" href=<c:url value="/design.css"/>>
<link rel="icon" type="image/png"
	href="<c:url value="/pics/design/favicon.ico"/>" />
<title>Panier - Nerd Shop</title>
</head>
<jsp:include page="header.jsp" />
<body>
	<section id="content">
		<h2>Votre Panier</h2>

		<c:if test="${affichage.retour==true}">
			<p style="color:RED"> Des articles ont été modifiés car il n'y avait plus de stock ou leur 
				quantité a été réduite car le stock n'était pas suffisant. Veuillez relire votre panier. <p>
		</c:if>
		<c:if test="${fn:length(affichage.panier.articles)!=0}">
			<table id="tab_panier">
				<tr>
					<th>image</th>
					<th>Nom</th>
					<th>Prix</th>
					<th>Quantité</th>
					<th>supprimer du panier</th>
				</tr>
				<c:forEach var="articleC" items="${affichage.panier.articles}">
					<tr class="panier_line">
						<td class="panier_img"><img
							src="<c:url value="/pics/articles/"/>pic<c:out value="${articleC.article.id}"/>.jpg"
							alt="photo de <c:out value="${articleC.article.nom}"/>" /></td>
						<td><c:out value="${articleC.article.nom}" /></td>
						<td><c:out value="${articleC.article.prix}" />&euro;</td>
						<td><c:out value="${articleC.quantite}" />
							<form action=<c:url value="/supprimerArticlePanier"/>
								method="post" class="panier_butt">
								<input type="hidden"
									value="<c:out value="${articleC.article.id}"/>" name="id" /> <input
									type="image"
									src=<c:url value="/pics/design/moins_article.png"/>
									alt="supprimer un article" width="20px" height="20px" />
							</form>
							<form action=<c:url value="/ajouterArticlePanier"/> method="post"
								class="panier_butt">
								<input type="hidden"
									value="<c:out value="${articleC.article.id}"/>" name="id" /> <input
									type="image" src=<c:url value="/pics/design/plus_article.png"/>
									alt="supprimer un article" width="20px" height="20px" />
							</form></td>
						<td><form action=<c:url value="/retraitPanier"/>
								method="post">
								<input type="hidden"
									value="<c:out value="${articleC.article.id}"/>" name="id" /> <input
									type="image"
									src=<c:url value="/pics/design/suppr_article.png"/>
									alt="supprimer un article" width="30px" height="30px" />
							</form></td>

					</tr>
				</c:forEach>
				<tr>
					<td></td>
					<td>total :</td>
					<td><c:out value="${affichage.panier.total}" />&euro;</td>
				</tr>
			</table>
			<form action=<c:url value="/paiement"/> method="post" class="panier_action">
				<input type="submit" value="passer la commande" />
			</form>
			<form action=<c:url value="/viderPanier"/> method="post" class="panier_action">
				<input type="submit" value="vider" />
			</form>
		</c:if>
		<c:if test="${fn:length(affichage.panier.articles)==0}">
			<p>Vous n'avez pas d'articles dans votre panier !!!</p>
		</c:if>
	</section>
</body>
<jsp:include page="footer.jsp" />
</html>